<!DOCTYPE html>
<html lang="zh-CN">

	<head>
		<meta charset="UTF-8">
		<title>母婴之家</title>
		<!--引入的less文件必须放前面-->
		<!--<link href="css/index.css" rel="stylesheet" type="text/css"/>-->
		<link data-dump-line-numbers="all" rel="stylesheet/less" type="text/css" href="./less/common.less">
		<link data-dump-line-numbers="all" rel="stylesheet/less" type="text/css" href="./less/shoppingcar.less">
		<!--less.js引入-->
		<script src="../less.js-master/dist/less.js" data-poll="1000" data-relative-urls="false"></script>
		<link rel="stylesheet" href="../lib/bootstrap/css/复制 bootstrap.min.css" />
	</head>

	<body>
		<div id="site-nav">
			<div class="sn-bd" id="sn-bd">
				<div class="sn-container clearfix">
					<ul id="header-quick-menu" class="header-quick-menu clearfix">
						<li class="curpage">
							<a href="http://www.muyingzhijia.com/">母婴之家</a>
						</li>
						<li>
							<a href="http://haitao.muyingzhijia.com/">母婴海淘</a>
						</li>
						<li>
							<div class="phoneDiv">
								<i class="icon-mobilephone glyphicon glyphicon-phone"></i>
								<a href="http://app.muyingzhijia.com">手机版</a>
							</div>
							<div class="phoneHideDiv">
								<a href="http://app.muyingzhijia.com/">
									<img alt="二维码" src="images/20150616150348_972_20150605145113_972_app.jpg" />
								</a>
							</div>
						</li>
					</ul>
					<ul class="ssn-quick-menu  clearfix fr ">
						<li class="ssn-login-info">
							<span>欢迎来到母婴之家!  &nbsp;&nbsp; </span>
							<a href="login.html">[登陆]</a>
							<a href="reg.html">[免费注册]</a>
						</li>
						<li class="ssn-separator"></li>
						<li class="dropdown">
							<div class="ssn-hover-div ac" id="dropdownMenu2" data-toggle="dropdown" aria-haspopup="false" aria-expanded="false">
								<span class="dropdown-toggle">我的订单</span>
								<span class="caret"></span>
							</div>
							<ul class="dropdown-menu" aria-labelledby="dropdownMenu2">
								<li>
									<a href="#">我的家</a>
								</li>
								<li>
									<a href="#">我的提问</a>
								</li>
								<li>
									<a href="#">我的评论</a>
								</li>
								<li>
									<a href="#">我的收藏</a>
								</li>
								<li>
									<a href="#">我的幸运星</a>
								</li>
							</ul>
						</li>
						<li class="ssn-separator"></li>
						<li class="dropdown">
							<div class="ssn-hover-div ac" id="dropdownMenu2" data-toggle="dropdown" aria-haspopup="false" aria-expanded="false">
								<span>客户服务</span>
								<span class="caret"></span>
							</div>
							<ul class="dropdown-menu" aria-labelledby="dropdownMenu2">
								<li>
									<a href="#">在线客服</a>
								</li>
								<li>
									<a href="#">帮助中心</a>
								</li>
							</ul>
						</li>

						<li class="ssn-separator"></li>
						<li>
							<span>商务合作</span>
						</li>
						<li class="ssn-separator"></li>
						<li>
							<span>分类导航</span>
						</li>
					</ul>
				</div>
			</div>

		</div>
		<div id="ui-top-bar">
			<div class="ui-logo">
				<a href="#">
					<img src="images/common/logo29new.png" alt="母婴之家首页">
				</a>
			</div>
		</div>
		<div id="my-car">
			<div class="car-top con">
				<div class="ui-car">
					<h2>
						我的购物车
					</h2>
				</div>
				<div class="login">
					<span>立即<a href="login.html">[登录]</a>，可将商品永久保存在购物车中</span>
				</div>
			</div>
			<div class="my-car-pro con">
				<div class="pro-til">
					<div class="pro-til1">
						<span>
							<a href="index.html" class="labe">母婴之家商城</a>
						</span>
						<span class="span2">母婴之家商城购物车</span>
					</div>
					<span class="price">单价（元）</span>
					<span class="num">数量（件）</span>
					<span class="span_width_90">小计（元）</span>
					<span class="action">操作</span>
				</div>
			</div>
		</div>

		<div id="pro-recommend">
			<div class="recommend-nav con">
				<ul id="recommendnav-list" class="clearfix clear">
					<li class="clickli">
						<a href="">新品推荐</a>
					</li>
					<li>
						<a href="">热销商品</a>
					</li>
				</ul>
			</div>
			<div class="recommend-prolist con">
				<ul style="display: block;">
					<li>
						<div class="gds">
							<div class="img">
								<a>
									<img src="images/shoppingcar/1ef5daaad33c7c2f_160X160.jpg" />
								</a>
							</div>
							<div class="ctit">
								<a href="" target="_blank">
									膳魔师高真空不锈钢两用瓶红色550ml（蓝盖）-带杯套
								</a>
							</div>
							<div class="mny">
								<span class="promPrice" id="promPrice_200309">398.00</span>
								<strong class="markPrice">468</strong>
							</div>
							<a href="#" class="addcart">加入购物车</a>
						</div>
					</li>
					<li>
						<div class="gds">
							<div class="img">
								<a>
									<img src="images/shoppingcar/2.jpg" />
								</a>
							</div>
							<div class="ctit">
								<a href="" target="_blank">
									美国怡饭 Eat4Fun儿童不锈钢叉勺套装-海盗
								</a>
							</div>
							<div class="mny">
								<span class="promPrice" id="promPrice_200309">69.00</span>
								<strong class="markPrice">69</strong>
							</div>
							<a href="#" class="addcart">加入购物车</a>
						</div>
					</li>
					<li>
						<div class="gds">
							<div class="img">
								<a>
									<img src="images/shoppingcar/3.jpg" />
								</a>
							</div>
							<div class="ctit">
								<a href="" target="_blank">
									小白熊不锈钢吸管手把保温水壶260ML蓝色
								</a>
							</div>
							<div class="mny">
								<span class="promPrice" id="promPrice_200309">55.00</span>
								<strong class="markPrice">89</strong>
							</div>
							<a href="#" class="addcart">加入购物车</a>
						</div>
					</li>
				</ul>
				<ul style="display: none;">
					<li>
						<div class="gds">
							<div class="img">
								<a>
									<img src="images/shoppingcar/4.jpg" />
								</a>
							</div>
							<div class="ctit">
								<a href="" target="_blank">
									保税仓：美国California Baby加州宝宝金盏花日常乳液 192ml
								</a>
							</div>
							<div class="mny">
								<span class="promPrice" id="promPrice_200309">398.00</span>
								<strong class="markPrice">468</strong>
							</div>
							<a href="#" class="addcart">加入购物车</a>
						</div>
					</li>
					<li>
						<div class="gds">
							<div class="img">
								<a>
									<img src="images/shoppingcar/5.jpg" />
								</a>
							</div>
							<div class="ctit">
								<a href="" target="_blank">
									amake艾莫可手动吸乳器
								</a>
							</div>
							<div class="mny">
								<span class="promPrice" id="promPrice_200309">69.00</span>
								<strong class="markPrice">69</strong>
							</div>
							<a href="#" class="addcart">加入购物车</a>
						</div>
					</li>
					<li>
						<div class="gds">
							<div class="img">
								<a>
									<img src="images/shoppingcar/6.jpg" />
								</a>
							</div>
							<div class="ctit">
								<a href="" target="_blank">
									飞利浦新安怡食品蒸制搅拌一体机（SCF870/20）
								</a>
							</div>
							<div class="mny">
								<span class="promPrice" id="promPrice_200309">55.00</span>
								<strong class="markPrice">89</strong>
							</div>
							<a href="#" class="addcart">加入购物车</a>
						</div>
					</li>
				</ul>
				
			</div>
		</div>
		<div id="footer">
			<div class="tfc_footer">
				<div class="tfc_footer-bd">
					<div class="tfc_copyright">
						<span>由本网站发布的商品或服务的商业宣传活动均属“广告”<br></span>
						<span>Copyright©2003 - 2016 上海母婴之家网络科技股份有限公司 muyingzhijia.com All Rights Reserved 客服热线：021-51760000 4008201000</span>
					</div>
					<div style="padding:10px; text-align:center">
						<a style="display: block; height: 38px; width: 100px; margin: 0 auto;" href="http://www.sgs.gov.cn/lz/licenseLink.do?method=licenceView&amp;entyId=20111019134737637" target="_blank">
							<img style="width:100px;height:47px; display:inline-block" src="http://static.boodoll.cn/mall/v16/images/index/shanghai_industry.gif">
						</a>
						<a target="_blank" style="margin-left: 10px; display: inline-block;" href="http://www.miitbeian.gov.cn/state/outPortal/loginPortal.action">
							<span style=" color: #939393;vertical-align: 5px;margin-right: 5px;">沪ICP备09021709号</span>
						</a>
						<a target="_blank" style="margin-left: 5px; display: inline-block;" href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=31010402000751">
							<img style="display:inline-block; margin-top: -10px; margin-left: -9px; " src="http://static.boodoll.cn/mall/v16/images/ghs.png">
							<span style="color: #939393; vertical-align: 5px; margin-left: 0px;">沪公网安备 31010402000751号</span>
						</a>
					</div>
				</div>
			</div>
		</div>
		<script src="../lib/jquery/jquery.js"></script>
		<script src="../lib/bootstrap/js/bootstrap.min.js"></script>
		<script src="js/index.js"></script>
	</body>
	<script>
		$(function() {
			$('#recommendnav-list').children('li').click(function() {
				var i = $(this).index();
				$(this).addClass('clickli').siblings().removeClass('clickli');
				$('.recommend-prolist').children('ul').eq(i).css('display', 'block').siblings().css('display', 'none');
			})
		})
	</script>

</html>